<template>
  <div>
    <el-card style="height: 50px;margin-bottom: 5px;background:#EAFDED;padding-left:5px" v-for="(item,index) in noticeList">
      <div  ><el-link :underline="false" class="notice_link">{{item.title}}</el-link></div>
      <el-text class="mx-1"  size="small">{{item.author}}  {{item.time}}</el-text>
    </el-card>
  </div>
</template>

<script setup>
import { onUpdated } from 'vue';


const { proxy } = getCurrentInstance();

const loading = ref(false)
const readList = ref([])

const noticeList = ref([
  {
    title: '五一放假通知',
    author: '人事部 张三',
    time: '2024年4月30日'
  },
  {
    title: '新标准实施',
    author: '质控部 张三',
    time: '2024年3月30日'
  }

])

</script>
<style scoped lang="scss">
.notice_link {
  font-size: var(--pinformation-font-size);
  font-weight: bold;
  margin-bottom: 3px;
}
</style>